// import {
//   Routes,
//   Route,
//   useLocation,
//   useParams,
//   useNavigate,
// } from "react-router-dom";
// import { Suspense } from "react";

// const Element = (props) => {
//   let { component: Component } = props;
//   let location = useLocation();
//   let params = useParams();
//   let navigate = useNavigate();

//   return (
//     <Component
//       location={location}
//       params={params}
//       navigate={navigate}
//     ></Component>
//   );
// };
// const createRoute = (routes) => {
//   return (
//     <>
//       {routes.map((item, index) => {
//         let { path, children } = item;
//         return (
//           <Route key={path} path={path} element={<Element {...item}></Element>}>
//             {Array.isArray(children) ? createRoute(children) : null}
//           </Route>
//         );
//       })}
//     </>
//   );
// };

// const RouterView = (props) => {
//   let { routes } = props;
//   return (
//     <Suspense>
//       <Routes>{createRoute(routes)}</Routes>
//     </Suspense>
//   );
// };

// export default RouterView;

// export const withRouter = (Component) => {
//   return function HOC(props) {
//     let location = useLocation();
//     let params = useParams();
//     let navigate = useNavigate();
//     return (
//       <Component
//         {...props}
//         location={location}
//         params={params}
//         navigate={navigate}
//       ></Component>
//     );
//   };
// };
